<template>
  <van-tabbar v-model="active" active-color="#FFBC1D">
    <van-tabbar-item icon="shop-collect-o">美食</van-tabbar-item>
    <van-tabbar-item icon="cart-o" @click="$router.push({ name: 'foodcar' })"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item icon="manager-o" @click="$router.push({ name: 'me' })"
      >我的</van-tabbar-item
    >
  </van-tabbar>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  data() {
    return {
      active: 0,
      icon: {
        active: 'https://fastly.jsdelivr.net/npm/@vant/assets/user-active.png',
        inactive:
          'https://fastly.jsdelivr.net/npm/@vant/assets/user-inactive.png'
      }
    }
  }
})
</script>

<style lang="scss" scoped></style>
